	<div class="body_content">
            <div class="position">
		<div class="left">
		    <div class="label_header_position">
			<label class="h3">
			    <b>User Edit</b>
			</label>
		    </div>
		</div>
		<div class="right align_right">
                    <!--input type="text" class="search_field" name="searchUser" id="searchUser" placeholder="Search"/-->
		</div>
		<div class="hr"></div>
		<?php
		    $auth = Auth::getAuth('current_user');
		    $userName = $auth['username'];
		?>
		<div class="content">
		    <div class="span12 page_content" style="float: left; width: 100%; position: relative; ">
			<div style="float: left; width: 40%;">
			    <label class="h3">
				<b>Change Username</b>
			    </label>
			   <div style="margin-left: 50px; text-align: right; margin-top: 20px;">
			      <label class="h2">Username:<font color="red">*</font></label>
				    <input type="text" class="textfield_one" placeholder="" id="oldUsername" value="<?php echo $userName; ?>" disabled=""><br>
			      <label class="h2">New Username:<font color="red">*</font></label>
				    <input type="text" class="textfield_one" placeholder="Type your new username here." id="newUsername" name="uFolderName">
			      <br>
			      <input type="button" class="button changeUsername" value="Submit">
			      <br>
			   </div>
			   <div class="fl_left" style="width: 100%; margin-top: 10px; margin-left: 50px;">
				<div class="notification_wrapper display  wrongNotification1">
				    <div class="wrong">
				       <img src="/images/warning/closed.png" width="22" height="19" class="img-notification-position">
					<div class="notification-position" id="wrong1"></div>
				    </div>
				</div>
				<div class="notification_wrapper display correctNotification1">
				    <div class="correct">
					<img src="/images/warning/correct.png" width="22" height="19" class="img-notification-position">
					<div class="notification-position" id="correct1">    
					   
					</div>
				   </div>
				</div>
			    </div>
			</div>
			<div style="float: left; width: 40%; margin-left: 50px;">
			    <label class="h3">
				 <b>Change your password</b>
			     </label>
			    <div style="margin-left: 30px; text-align: right; margin-top: 20px;">
			       <label class="h2">Old Password:<font color="red">*</font></label>
				  <input type="password" class="textfield_one" placeholder="Type your old password here." id="oldPassword"><br>
			       <label class="h2">New password:<font color="red">*</font></label>
				  <input type="password" class="textfield_one" placeholder="Type your new password here." id="newPassword" name="uFolderName"><br>
			       <label class="h2">Re-type password:<font color="red">*</font></label>
				  <input type="password" class="textfield_one" placeholder="Retype your new password here." id="retypePassword" name="uFolderName"><br>
			       <br>
			       <input type="button" class="button changePassword" value="Submit">
			       <br>
			    </div>
			    <div class="fl_left" style="width: 100%; margin-top: 10px; margin-left: 50px; margin-bottom: 30px;">
				<div class="notification_wrapper display  wrongNotification">
				     <div class="wrong">
					<img src="/images/warning/closed.png" width="22" height="19" class="img-notification-position">
					 <div class="notification-position" id="wrong">Please fill those required fields.</div>
				     </div>
				</div>
				<div class="notification_wrapper display correctNotification">
				     <div class="correct">
					 <img src="/images/warning/correct.png" width="22" height="19" class="img-notification-position">
					 <div class="notification-position" id="correct">    
					    
					 </div>
				    </div>
				</div>
			    </div>
			</div>
			<div class="hr"></div>
			
			<div style="float: left; width: 40%;">
			    <label class="h3">
				 <b>Account Details</b>
			     </label>
			    <div style="margin-left: 30px; text-align: right; margin-top: 20px;">
			       <label class="h2">Firstname:</label>
				  <input type="text" class="textfield_one" placeholder="" id="newFirstname"><br>
			       <label class="h2">Lastname:</label>
				  <input type="text" class="textfield_one" placeholder="" id="newLastname" name=""><br>
			       
			       <input type="button" class="button changeAccountDetails" value="Submit">
			       <br>
			    </div>
			    <div class="fl_left" style="width: 100%; margin-top: 10px; margin-left: 50px; margin-bottom: 30px;">
				<div class="notification_wrapper display  wrongNotificationAcc">
				     <div class="wrong">
					<img src="/images/warning/closed.png" width="22" height="19" class="img-notification-position">
					 <div class="notification-position" id="wrongAcc">Please fill those required fields.</div>
				     </div>
				</div>
				<div class="notification_wrapper display correctNotificationAcc">
				     <div class="correct">
					 <img src="/images/warning/correct.png" width="22" height="19" class="img-notification-position">
					 <div class="notification-position" id="correctAcc">    
					    
					 </div>
				    </div>
				</div>
			    </div>
			</div>
		     </div>
		</div>
            </div>
        </div>
<script>
   setActivNav('edit_user');
</script>         